html {
  box-sizing: border-box;
}

.grid-container {
  width: 100%;
}

.grid-container .box-wrapper {
  width: 336px;
  margin: 0 auto 25px;
  margin-top: 45px;
  margin-bottom: -50px;
}

.grid-container .box-wrapper .box-wrapper-inner {
  width: 336px;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
}

.grid-container .box-wrapper .box-wrapper-inner .cn-logo {
  width: 180px;
  height: 120px;
  margin: 0 78px 38px;
}

.grid-container .box-wrapper .box-wrapper-inner .register-input-container input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  background: transparent;
  border: 1px solid #A2A3A6;
  margin: 8px 0;
  padding: 0 15px;
  border-radius: 5px;
  outline-style: none;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  font-family: "Microsoft soft";
}

.grid-container .box-wrapper .box-wrapper-inner .register-input-container input::placeholder {
  color: #A2A3A6;
}

.grid-container .box-wrapper .box-wrapper-inner .register-input-container input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.grid-container .box-wrapper .box-wrapper-inner .submit {
  margin: 35px 0 11px;
}

.grid-container .box-wrapper .box-wrapper-inner .submit button {
  width: 100%;
  background-color: #0074E0;
  color: #fff;
  height: 40px;
  font-size: 16px;
  margin: 5px 0 6px;
  border: 0px;
  border-radius: 5px;
}
